﻿@charset "utf-8";

/* CSS Document */

/*banner*/



#flashs { overflow:hidden; width:100%; height:560px;  position:relative}

#flashs .btn{ overflow:hidden; width:100%; height:20px; text-align:center; position:absolute; left:0; bottom:10px;}

#flashs .btn span{ display:inline-block; width:20px; height:20px; background:url(../images/banner_btn.png) no-repeat right center; margin:0 5px;}

#flashs .btn span{ *display:inline}

#flashs .btn span.cur{ background-position:left}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}

#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}

#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}



/* search */

.search{width: 100%;overflow: hidden;height: 70px;margin-bottom: 5px;box-shadow: 0 5px 5px #f4f4f4;}

.search .contianer{overflow: hidden;}

.search p{float:left;width: 646px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-size: 15px;color: #333333;line-height: 70px;}

.search .Input{overflow: hidden;width: 334px;height: 38px;float: right;margin-top: 17px;}

.search input{width: 218px;height: 36px;border: 1px solid #714345;border-right: none;padding-left: 53px;background: url(../images/search_icon.png) no-repeat 15px center;line-height: 36px;font-size: 16px;color: #a3a3a3;float: left;}

.search .Input a{display: block;width: 61px;height: 38px;line-height: 38px;font-size: 16px;color: #fff;background: #714345;float: left;text-align: center;text-decoration: none;}



/*流程*/

.lc { overflow:hidden; width:100%; padding:50px 0 30px 0; background-color:#f1f1f1}

.lc ul{ overflow:hidden; width:1200px; margin:0 auto;}

.lc li{ float:left; width:161px; height:210px; padding-right:46px; background:url(../images/lc.png) no-repeat 176px 80px;}

.lc li span{ display:block; text-align:center; font-size:20px; color:#eb6600; font-family:Impact;}

.lc li b{ display:block; width:161px; height:161px; font-size:20px; color:#Impact; text-align:center; line-height:230px; margin-top:-15px; color:#eb6600}

.lc .b01{ background:url(../images/lc01.png) no-repeat center top;}

.lc .b02{ background:url(../images/lc02.png) no-repeat center top;}

.lc .b03{ background:url(../images/lc03.png) no-repeat center top;}

.lc .b04{ background:url(../images/lc04.png) no-repeat center top;}

.lc .b05{ background:url(../images/lc05.png) no-repeat center top;}

.lc .b06{ background:url(../images/lc06.png) no-repeat center top;}

.lc li img{ display:block; margin:20px auto;}

.lc .last{ padding-right:0; background:none}

.lc li:hover b{ background-position:bottom; color:#8ebd20;}

.lc li:hover span{ color:#8ebd20;}



/*pro*/

.pro { overflow:hidden; width:1200px; margin:50px auto; height:645px;}



.proleft { overflow:hidden; float:left; width:250px; height:100%;}

.proleft h2{ font-size:22px; color:#fff; text-align:center; padding:30px 0 25px 0; background-color:#714345;}

.proleft .navbox{ overflow:hidden; width:248px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; height:450px;}

.proleft h3{ font-size:16px; padding-left:30px; border-left:6px solid #f08200; margin-top:20px; margin-bottom:10px;}

.proleft h3 a{ color:#121212}

.proleft .erji{ overflow:hidden; width:220px; margin-left:16px;}

.proleft .erji a{ display:block; padding-left:20px; width:200px; height:38px; line-height:38px; font-size:14px; color:#303030; background:url(../images/pro_left01.png) no-repeat 200px center; border-bottom:1px dashed #ccc; text-decoration:none;}

.proleft .erji a:hover { color:#714345; font-weight:bold; background:url(../images/pro_left02.png) no-repeat 200px center;}

.proleft .lg{ overflow:hidden; width:100%; padding:14px 0; background-color:#714345; text-align:center}

.proleft .lg img{ display:block; margin:0 auto; margin-bottom:8px;}

.proleft .lg a{ font-size:16px; color:#fff; font-weight:bold;}



.proright { overflow:hidden; width:892px; float:left; margin-left:40px;}

.proright .menu { overflow:hidden; width:100%; padding-bottom:19px; border-bottom:1px solid #e8e8e8; margin-bottom:25px;}

.proright .menu li{ float:left; width:135px; font-weight:bold; font-size:22px;}

.proright .menu li a{ color:#282828; text-decoration:none;}

.proright .menu li b{  color:#714345; margin-left:2px;}

.proright .menu li.cur a{ color:#714345;}

.proright .pbox { overflow:hidden; width:100%; height:572px;}

.proright .bigtu{ overflow:hidden; width:670px; height:572px; float:left}

.proright .plist{ overflow:hidden; float:right; width:176px; height:100%;}

.proright .list{ display:block; width:174px; height:148px; border:1px solid #c5c5c5; margin-bottom:15px;}

.proright .list img{ display:block}

.proright .more{ display:block; width:128px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; background-color:#333; border-radius:10px; margin:0 auto; margin-bottom:10px;}

.proright .zx{ display:block; width:128px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; background-color:#714345; border-radius:10px; margin:0 auto; margin-bottom:10px;}

.proright .llist{ overflow:hidden; width:100%; height:100%;}



/*优势*/

.youshi { overflow:hidden; width:100%; padding:45px 0 30px 0; background-color:#f4f4f4;}

.youshi h2{ text-align:center}

.youshi span{ display:block; text-align:center; font-size:18px; color:#202020; margin-bottom:35px;}

.youshi ul{ overflow:hidden; width:1200px;margin:0 auto}

.youshi li{ float:left; width:329px; height:317px; margin:0 15px; margin-bottom:30px; padding:30px 20px;}

.youshi h3{ font-weight:normal; font-size:30px; color:#202020; margin-bottom:12px;}

.youshi p{ font-size:15px; color:#202020; line-height:25px;}

.youshi .li01{ background:url(../images/youshi01.jpg) no-repeat center top;}

.youshi .li02{ background:url(../images/youshi02.jpg) no-repeat center top;}

.youshi .li03{ background:url(../images/youshi03.jpg) no-repeat center top;}

.youshi .li04{ background:url(../images/youshi04.jpg) no-repeat center top;}

.youshi .li05{ background:url(../images/youshi05.jpg) no-repeat center top;}

.youshi .li06{ background:url(../images/youshi06.jpg) no-repeat center top;}



/*服务*/

.fuwu { overflow:hidden; width:1200px; margin:40px auto 50px auto;}

.fuwu h2{ text-align:center}

.fuwu p{ display:block; text-align:center; font-size:18px; color:#202020; margin-bottom:30px;}

.fuwu ul{ overflow:hidden; width:1200px; margin:0 auto;}

.fuwu li{ overflow:hidden; float:left; width:372px; height:320px; margin:0 14px;}

.fuwu li img{ display:block; margin-bottom:20px;}

.fuwu li a{ display:block; text-decoration:none; font-size:14px; color:#1f1f1f; text-align:center;}

.fuwu .more{ display:block; margin:0 auto; width:228px; height:43px; text-align:center; line-height:43px; font-weight:bold; font-size:16px; color:#121212; border:4px solid #f08200;}



/*ad01*/

.ad01 {width:100%; height:344px; background:url(../images/ad01.jpg) no-repeat center; margin-bottom:20px;}


/*现场图*/

.xct { overflow:hidden; width:1244px; margin:0 auto; margin-bottom:30px;}

.xct h2{ text-align:center}

.xct p{ display:block; text-align:center; font-size:18px; color:#202020; margin-bottom:30px;}

.xct .xctBox{ overflow:hidden; width:100%; height:310px; position:relative}

.xct .xctBox i{ display:block; width:41px; height:42px; cursor:pointer; position:absolute; top:100px;}

.xct .xctBox .btn01{ background:url(../images/xct_btn01.jpg) no-repeat center top; left: 0}

.xct .xctBox .btn02{ background:url(../images/xct_btn02.jpg) no-repeat center top; right:0}

.xct .xctBox i:hover{ background-position:bottom}

.xct .xctwin{ overflow:hidden; width:1128px; height:310px; position:relative; margin:0 auto;}

.xct .xctwin ul{ overflow:hidden; position:absolute}

.xct .xctwin li{ float:left; width:356px; height:310px; margin-right:30px;}

.xct .xctwin li img{ display:block; margin-bottom:20px;}

.xct .xctwin li a{display:block;text-align:center;font-size: 16px;color:#222;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}



/*评价*/

.pingjia { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:40px;}

.pingjia h2{ font-size:18px; background:url(../images/pingjia_t.png) no-repeat top left; height:47px; line-height:47px; padding-bottom:4px; padding-left:40px; position:relative; z-index:1}

.pingjia h2 a{ color:#fff; text-decoration:none}

.pingjia .pj{ overflow:hidden; width:1198px; padding:37px 0; border:1px solid #dddddd; height:280px; background-color:#f2f2f2; margin-top:-5px;}

.pingjia .pjbox{ overflow:hidden; width:1144px; height:280px; margin:0 auto; position:relative}

.pingjia .pjbox ul{ overflow:hidden; position:absolute}

.pingjia .pjbox li{ float:left; width:259px; margin-right:36px; height:280px;}

.pingjia .pjbox li img{ display:block; margin-bottom:20px;}

.pingjia .pjbox li h3{ font-size:14px; margin-bottom:12px;}

.pingjia .pjbox li h3 a{ color:#393939;}

.pingjia .pjbox li p{ font-size:13px; color:#333; line-height:20px; height:60px; overflow:hidden; width:100%; text-align:justify}

.pingjia .pjbox li:hover a{ color:#f08200;}



/*荣誉*/

.rongyu { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:40px;}

.rongyu h2{ font-size:18px; background:url(../images/ry_t.png) no-repeat top left; height:47px; line-height:47px; padding-bottom:4px; padding-left:40px; position:relative; z-index:1}

.rongyu h2 a{ color:#fff; text-decoration:none}

.rongyu .ry{ overflow:hidden; width:1198px; padding:30px 0 15px 0; border:1px solid #dddddd; height:310px; background-color:#f2f2f2; margin-top:-5px; position:relative}

.rongyu .ry i{ display:block; width:41px; height:42px; cursor:pointer; position:absolute; top:150px;}

.rongyu .ry .btn01{ background:url(../images/xct_btn01.jpg) no-repeat center top; left:12px;}

.rongyu .ry .btn02{ background:url(../images/xct_btn02.jpg) no-repeat center top; right:12px;}

.rongyu .ry i:hover{ background-position:bottom}

.rongyu .rybox{ overflow:hidden; width:1080px; height:310px; position:relative; margin:0 auto;}

.rongyu .rybox ul{ overflow:hidden; position:relative}

.rongyu .rybox li{ float: left; width:200px; margin-right:20px; height:310px; overflow:hidden}

.rongyu .rybox li img{ display:block; margin-bottom:10px;}

.rongyu .rybox li a{ display:block; font-size:14px; color:#000; text-align:center;}



/*装修流程*/

.zxlc { overflow:hidden; width:100%; height:348px; background:url(../images/zx_bg.jpg) no-repeat center; margin-bottom:45px;}

.zxlc ul{ overflow:hidden; width:1300px; margin:0 auto; margin-top:150px;}

.zxlc li{ float:left; width:101px; margin:0 28px; text-align:center; font-size:16px; color:#222;}

.zxlc i{ display:block; position:relative; width:101px; height:109px; overflow:hidden; margin-bottom:10px;}

.zxlc li:hover img{ margin-top:-109px;}



/*ad02*/

.ad02 { overflow:hidden; margin:0 auto; width:1200px; height:252px; background:url(../images/ad02.jpg) no-repeat center top; margin-bottom:45px;}

.ad02 em{ font-size:30px; color:#24282b; display:block; margin-top:75px; margin-left:45px;}

.ad02 .phone{ overflow:hidden; margin-left:45px; margin-top:20px; float:left; padding-left:55px; background:url(../images/ad_phone.png) no-repeat left center;}

.ad02 p{ font-size:13px; color:#1e1e1e; padding:2px 0}

.ad02 span{ display:block; font-size:24px; color:#1e1e1e; font-family:Arial;}

.ad02 a{ display:block; width:226px; height:51px; background:url(../images/ad_btn.jpg) no-repeat  center; float:left; margin-left:25px; margin-top:13px;}

.ad02 b{ color:#ef7f00}





/*about*/

.about { overflow:hidden; width:100%; padding:40px 0; background:url(../images/about_bg.png) repeat center; margin-bottom:40px;}

.about h2{ font-weight:normal; font-size:36px; text-align:center; padding-bottom:14px; background:url(../images/about_t.png) no-repeat center bottom; margin-bottom:60px;}

.about h2 a{ color:#353535;}

.about .abox{ overflow:hidden; width:1200px; margin:0 auto; height:304px;}

.about .abox img{ display:block; float:left}

.about .wen{ overflow:hidden; float:right; width:610px; padding-right:25px;}

.about .wen p{ font-size:14px; line-height:30px; color:#353535; text-align:justify; height:210px; overflow:hidden; margin-bottom:15px; margin-top:20px;}

.about .wen a{ display:block; width:123px; height:37px; text-align:center; line-height:37px; font-size:14px; color:#555; border:2px solid #bebebe;}



/*news*/

.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px; height:375px;}

.news .newslist{ overflow:hidden; float:left; width:342px; height:375px; margin-right:73px;}

.news .last{ width:370px; margin-right:0}

.news .top{ overflow:hidden; width:100%; margin-bottom:20px;}

.news .top h2{ font-size:20px; float:left; padding-left:7px; border-left:4px solid #714345;}

.news .top h2 a{ color:#714345;}

.news .top .more{ float:right; font-size:14px; color:#9b9b9b; margin-top:5px;}

.news .newslist img{ display:block; margin-bottom:25px;}

.news .listbox{ overflow:hidden; width:100%;}

.news .listbox a{ display:block; width:325px; padding-left:17px; font-size:13px; line-height:30px; color:#151515; background:url(../images/news_s.png) no-repeat 6px center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.news .wenda{ overflow:hidden; width:100%; height:340px; position:relative}

.news .wenda ul{ overflow:hidden; width:100%; position:absolute}

.news .wenda li{ display:block; height:90px; margin-bottom:20px; border-bottom:1px solid #e8e8e8;}

.news .wenda h5{ padding-left:30px; background:url(../images/news_e01.png) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; font-size:15px; color:#2b2b2b; margin-bottom:15px;}

.news .wenda h5 a{ color:#2b2b2b;}

.news .wenda p{ padding-left:30px; font-size:13px; line-height:22px; color:#767676; height:44px; overflow:hidden;}

.news .wenda li:hover a{ font-weight:bold; color:#714345;}

.news .wenda li:hover h5{ background:url(../images/news_e02.png) no-repeat left center;}



/*link*/

.link { overflow:hidden; width:1200px; margin:20px auto;}

.link h3{ float:left; font-size:16px;}

.link h3 a{ color:#eb6600;}

.link h3 em{ font-size:12px; margin-left:5px;}

.link ul{ overflow:hidden; width:1000px; float:left;}

.link li{ float:left; font-size:13px; padding:0 25px; border-right:1px dotted #727272; margin:2px 0; white-space:nowrap;}

.link li a{ color:#2c2c2c;}

.link .rukou{ overflow:hidden; float:right; font-size:13px; color:#2c2c2c;}



/* -- 弹出窗口 -- */

#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}

#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}

#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}

#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }

#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}

#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}

#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}